const zts = document.querySelector('.z-tab-ship');
const ztb = document.querySelector('.z-tab-ber');
const ffl = document.querySelectorAll('.to');
//const ffl = document.querySelector('.to')
zts.onmouseenter = function(){
    this.className = 'z-tab-ship hover2';
    ztb.className = 'z-tab-ber hover1'
}

for(let i =0;i < ffl.length;i++){
    ffl[i].onfocus =function(){
        this.value = '';
    }
    ffl[i].onblur = function(){
        
    }
}
// ffl.onfocus =function(){
//     console.log(1)
//     this.value = '';
// }
// ffl.blur =function(){
//     this.value = '';
// }
zts.onmouseleave = function(){
    this.className = 'z-tab-ship hover1';
    ztb.className = 'z-tab-ber'
}